<template>
	<el-divider>其他</el-divider>
	<div class="form-item">
		<div class="label">组件尺寸</div>
		<el-radio-group v-model="componentSize" size="small">
			<el-radio-button label="large">大</el-radio-button>
			<el-radio-button label="default">中</el-radio-button>
			<el-radio-button label="small">小</el-radio-button>
		</el-radio-group>
	</div>
</template>

<script setup>
import { computed } from "vue"
import { useSettingStore } from "/store/setting"
const settingStore = useSettingStore()

const componentSize = computed({
	get() {
		return settingStore.componentType.size
	},
	set(value) {
		settingStore.componentType.size = value
	},
})
</script>

<style lang="scss" scoped></style>
